<template>
  <link rel="stylesheet" href="/admin_employee.bundle.css">
  <div class="panel">
    <div class="dt-row row clearfix">
      <div class="form-inline left-form-inline">
        <button type="button" class="btn btn-primary" id="J_NewEmployee" name="button">新增用户</button>
        <div class="form-group">
          <div class="btn-group select-dropdown select-dropdown-comp">
            <button type="button" class="btn btn-default select-label" data-value="" >Export</button>
            <button type="button" class="btn btn-default dropdown-toggle" >
              <span class="caret"></span>
              <span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu">
              <li data-value="1" data-title="Export Basic" ><a href="javascript:;">Export Basic</a></li>
              <li data-value="2" data-title="Export All" ><a href="javascript:;">Export All</a></li>
              <li data-value="3" data-title="Export Selected" ><a href="javascript:;">Export Selected</a></li>
            </ul>
          </div>
        </div>
        <div class="form-group">
          <div class="btn-group select-dropdown select-dropdown-comp">
            <button type="button" class="btn btn-default select-label" data-value="" >导出</button>
            <button type="button" class="btn btn-default dropdown-toggle" >
              <span class="caret"></span>
              <span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu">
              <li data-value="json" data-title="JSON" ><a href="javascript:;">JSON</a></li>
              <li data-value="xml" data-title="XML" ><a href="javascript:;">XML</a></li>
              <li data-value="csv" data-title="CSV" ><a href="javascript:;">CSV</a></li>
              <li data-value="txt" data-title="TXT" ><a href="javascript:;">TXT</a></li>
              <li data-value="sql" data-title="SQL" ><a href="javascript:;">SQL</a></li>
              <li data-value="excel" data-title="MS-Excel" ><a href="javascript:;">MS-Excel</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="form-inline right-form-inline" >
        <div class="form-group">
          <label class="sr-only">Email address</label>
          <input type="text" class="form-control" id="" placeholder="搜索">
        </div>
        <div class="form-group">
          <div class="btn-group select-dropdown select-dropdown-comp">
            <button type="button" class="btn btn-default select-label" data-value="up" >升序</button>
            <button type="button" class="btn btn-default dropdown-toggle" >
              <span class="caret"></span>
              <span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu">
              <li data-value="up"  data-title="升序"  ><a href="javascript:;">升序</a></li>
              <li data-value="down" data-title="降序" ><a href="javascript:;">降序</a></li>
            </ul>
          </div>
          <div class="btn-group select-dropdown">
            <button type="button" class="btn btn-default select-label">筛选列</button>
            <button type="button" class="btn btn-default dropdown-toggle" >
              <span class="caret"></span>
              <span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu">
              <li><a href="javascript:;"><label><input type="checkbox" name="" id="">中文姓名</label></a></li>
              <li><a href="javascript:;"><label><input type="checkbox" name="" id="">英文姓名</label></a></li>
              <li><a href="javascript:;"><label><input type="checkbox" name="" id="">手机号码</label></a></li>
              <li><a href="javascript:;"><label><input type="checkbox" name="" id="">身份证号码</label></a></li>
              <li><a href="javascript:;"><label><input type="checkbox" name="" id="">部门角色</label></a></li>
              <li><a href="javascript:;"><label><input type="checkbox" name="" id="">操作</label></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="dd-row page-box">
      <table class="table table-bordered table-hover table-striped">
        <thead>
          <th>中文姓名</th>
          <th>英文姓名</th>
          <th>手机号码</th>
          <th>身份证号码</th>
          <th>部门角色</th>
          <th>操作</th>
        </thead>
        <tbody>
          <!-- <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>
              <a href="javascript:;">查看</a>
              <a href="javascript:;">编辑</a>
              <a href="javascript:;">删除</a>
            </td>
          </tr> -->
        </tbody>
      </table>
      <div class="page">
        <!-- <a href="">&lt;</a>
        <a href="">1</a>
        <a href="">2</a>
        <a href="">3</a>
        <a href="">&gt;</a> -->
      </div>
    </div>
  </div>
  <!-- data-type=0新增 data-type=1编辑 -->
  <div id="employeeModal" data-type="0" class="modal-pop">
    <!-- 新建人员弹框 -->
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close close-pop">
            <span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
          </button>
          <h4 class="modal-title" >新增用户</h4>
        </div>
        <div class="modal-body">
          <form class="form-horizontal" id="">
            <div class="form-group">
              <label for="" class="col-sm-3 control-label">中文姓名</label>
              <div class="col-sm-7">
                  <input type="text" class="form-control" id="user_name" >
              </div>
            </div>
            <div class="form-group">
              <label for="" class="col-sm-3 control-label">英文姓名</label>
              <div class="col-sm-7">
                  <input type="text" class="form-control" id="acct_name" >
              </div>
            </div>
            <div class="form-group">
              <label for="" class="col-sm-3 control-label">手机号码</label>
              <div class="col-sm-7">
                  <input type="text" class="form-control" id="mobile">
              </div>
            </div>
            <div class="form-group">
              <label for="" class="col-sm-3 control-label">身份证号码</label>
              <div class="col-sm-7">
                  <input type="text" class="form-control" id="id_number">
              </div>
            </div>
            <div class="form-group">
              <label for="" class="col-sm-3 control-label">部门角色</label>
              <div class="col-sm-7">
                  <input type="text" class="form-control" id="">
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
            <span class="error" id="add_employee_error" ></span>
            <button type="button" class="btn btn-default close-pop" >关闭</button>
            <button type="button" class="btn btn-primary" id="employee_buttonid">保存</button>
        </div>
      </div>
    </div>
  </div>
  <!-- <script src="/admin_employee.bundle.js"></script> -->
</template>
